<template>
  <div class="home">
    <PageOne />
    <PageTwo />
    <PageTree />
    <PageFour />
  </div>
</template>

<script>
import PageOne from "@/components/index/pageOne";
import PageTwo from "@/components/index/pageTwo";
import PageTree from "@/components/index/pageTree";
import PageFour from "@/components/index/PageFour";
import VFooter from "@/components/footer";

if (process.browser) {
  // 在这里根据环境引入wow.js
  var { WOW } = require("wowjs");
}

export default {
  components: {
    PageOne,
    PageTwo,
    PageTree,
    PageFour,
    VFooter,
  },
  mounted() {
    if (process.browser) {
      // 在页面mounted生命周期里面 根据环境实例化WOW
      new WOW({}).init();
    }
  },

  data() {
  },
};
</script>

<style lang="scss" scoped>
</style>
